<!DOCTYPE html>
<html>
  <head>
    <title>斌斌学院任务八</title>
    <script src="traversal.js"></script>
	<link href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body class="stop">
    <div class="parent" id="parent">
    Super
	  <div class="item1">
	  Something
	    <div class="item2">
	    Apple
		  <div class="item3">
		  Pen
		  </div>
		  <div class="item3">
		  Soccer
		  </div>
		  <div class="item3">
		  Basketball
		  </div>
		  <div class="item3">
		  Block
		  </div>
		</div>
		<div class="item2">
		Phone
		</div>
		<div class="item2">
		  <div class="item3">
		  Book
		  </div>
		  <div class="item3">
		  School
		  </div>
		</div> 
	  </div>
	  <div class="item1">
	  Teacher
	    <div class="item2">
	    Student
		  <div class="item3">
		  Code
		  </div>
		  <div class="item3">
		  Java
		  </div>
		  <div class="item3">
		  Html
		  </div>
		</div>
		<div class="item2">
		Ahhhhh
		  <div class="item3">
		  Who
		    <div class="item4">
		    When	
		    </div>
		  </div>
		  <div class="item3">
		  How
		  </div>
		</div>
	  </div>
	  <div class="item1">
		Fish
	  </div>
	</div><br />
	<form>
		<input type="button" value="前序遍历" id="qian">&nbsp;&nbsp;
		<input type="button" value="中序遍历" id="zhong">&nbsp;&nbsp;
		<input type="button" value="后序遍历" id="hou">&nbsp;&nbsp;
		<input type="button" value = "清除" id = "clear"><br /><br/>
		<input type="text" placeholder="请输入要查询的数据" id="text">
		<input type="button" value="查询" id="inquiry">
	</form>
	
  </body>
</html>